// 引入 "getData"
import {getData} from 'api/getData';
// 引入轮播图数据地址
import {carouselUrl} from './config';
// 引入轮播图组件模板
import rander from './carousel.art';
// 引入轮播图组件CSS文件
import './carousel.css';
const carousel=document.getElementById('carousel');
const carousel_loading=document.querySelector('.carousel .loading');
getData(carouselUrl).then((data)=>{
    // 在成功收到响应数据后，将轮播图区域的loading组件添加class "none"
    carousel_loading.classList.add('none');
    // 将轮播图组件的内容设置为引入响应数据后的模板
    carousel.innerHTML=rander({items:data});
}).then(()=>{
    // 在轮播图组件内容添加完成后引入轮播图JS文件
    import('./carousel');
})
